/**!
 *
 *  Copyright 2018 Netflix, Inc.
 *
 *     Licensed under the Apache License, Version 2.0 (the "License");
 *     you may not use this file except in compliance with the License.
 *     You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 *     Unless required by applicable law or agreed to in writing, software
 *     distributed under the License is distributed on an "AS IS" BASIS,
 *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *     See the License for the specific language governing permissions and
 *     limitations under the License.
 *
 */

import React from 'react'
import PropTypes from 'prop-types'

import { Menu, Image } from 'semantic-ui-react'

class Navbar extends React.PureComponent {
  render () {
    if (this.props.embed) return null;

    return (
      <Menu inverted={true} size={'large'} attached>
        <Menu.Item><Image centered src='assets/images/vector_owl.png' height='20'/></Menu.Item>
        <Menu.Item onClick={this.props.onClick} >VECTOR</Menu.Item>
      </Menu>
    )
  }
}

Navbar.propTypes = {
  embed: PropTypes.bool.isRequired,
  onClick: PropTypes.func,
}

export default Navbar
